.bannerdiv{ width:100%; /* min-width:1200px;overflow:hidden; */ margin:1px auto;/* height:521px; clear:both; */}
/* .bannerdiv #main_promo{height:521px; width:100%;min-width:1200px;position:relative; top:0; left:0;overflow:hidden; z-index:0; }
.bannerdiv .promoWD{width:auto; min-width:1080px;margin:0 auto; position:relative; overflow:hidden;}
.bannerdiv .slide{display:block; float:left;  width:100%;} */
.bannerdiv #swiper2 img{max-width: 100%;}
/* .swiper-button-next,.swiper-button-prev{    background: #ccc;} */
.bannerdiv #dots{height:5px; position:absolute;bottom:25px;z-index:99;left:50%;text-align:center; width:350px; margin-left:-175px;}
.bannerdiv #dots a{ width:35px; margin-right:10px; height:5px; display:inline-block; background:url(../images/dot-white.png) no-repeat 0px 0px;}
.bannerdiv #dots a.act{ background:url(../images/dot.png) no-repeat 0px 0px; background-size:cover;}

.index_type{ height:30px; overflow:hidden; margin-bottom:14px;}
.index_type .left{ color:#148cd8; float:left; font-size:18px; font-weight:bold;}
.index_type .left span{ color:#aaa; font-size:12px; font-weight: normal; font-family:Bebas; margin-left:14px; letter-spacing:1px;}
.index_type .xie{ width:140px; float:left; margin-left:8px; height:10px; background:url(../images/img-xie.png) repeat-x; margin-top:8px;}
.index_type .more{ display:block; text-align:center; float:right; width:48px; height:15px; border:1px solid #0093dd; color:#0093dd; text-transform:uppercase;font-size:12px; font-family:Arial; margin-top:3px; line-height:15px;}
.index_type .more:hover{border:1px solid #f70a0a; color:#f70a0a;}

.main_div{ width:100%; min-width:1200px;  overflow:hidden; clear:both; background:url(../images/bg-body.png) repeat-x;}
.main_div .main{ width:1200px;  margin:0px auto; overflow:hidden; margin-top:35px;}
.main_div .first_div{ width:1200px; overflow:hidden;}
.first_div .guide_div,.first_div .news_div,.first_div .detection_div{   width: 590px;  /* width: 369px; */float: left; height:264px;  overflow:hidden;}
.ff ul li{
     float: left;
	    width: 157px;
    height: 130px;
    text-align: center;
    margin-right: 51px;
    margin-bottom: 20px;
}
.ff ul li:nth-child(6){
    margin-right: 0;
}
.ff ul li:hover a div .qqq{
    display: block;
}
.ff ul li:hover a div .qq{
    display: none;
}
.ff ul li a div{
    width: 92px;
    height: 92px;
	margin: 0 auto;
    overflow: hidden;
	}
	.ff ul li a span{
	   font-size: 16px;
    color: #454545;
    line-height: 37px;
    display: block;
	}
.index_type .left li{float: left;    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;cursor:pointer }
	.index_type .left .gg{
	  background: #148cd8;
    color: #fff;
	}
	.dd{    position: relative;}
.first_div .news_list_ul .more{
    width: 50px;
    font-size: 12px;
    position: absolute;
    top: -40px;
    right: 0;
    color: #148cd8;
    text-transform: uppercase;
    font-family: Arial;
    border: 1px solid;
    height: 15px;
    text-align: center;
    line-height: 15px;
}
.first_div .guide_div .list{ display:block; margin-bottom:15px;}
.first_div .news_div{ /* margin:0 20px;    width: 430px; */    margin: 0 0 0 20px;
    width: 590px;}
.first_div .news_div .index_type .xie{ width:120px;}
.first_div .news_div .new_first_ul{ cursor:pointer; width:310px; height:80px; background:#f2f2f2; overflow:hidden;}
.first_div .new_first_ul li{ display:block; float:left;}
.first_div .new_first_ul .date{ width:80px; background:#e0e0e0; padding-top:10px; color:#148cd8; font-family:Arial; text-align:center; font-size:38px; margin-right:15px;}
.first_div .new_first_ul .date span{ display:block; width:80px; height:25px; background:#b2b2b2; font-size:12px; line-height:25px; color:#fff;}
.first_div .new_first_ul .topic{ margin-top:10px; width:200px; line-height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px;}
.first_div .new_first_ul .topic a{ color:#333;}
.first_div .new_first_ul .intro{ margin-top:0px; width:200px; line-height:20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size:14px; color:#999;}
.first_div .new_first_ul:hover .topic a,.first_div .new_first_ul:hover .intro{ color:#f70a0a;}
.first_div .news_list_ul{/* width:396px; */width: 590px; height:auto; overflow:hidden; margin-top:16px;display: none;}
.first_div .contentin{display: block;}
.first_div .news_list_ul li{ display:block;/*  width:396px; */width: 588px; background:url(../images/img-dot.jpg) no-repeat left center; height:32px; line-height:32px; overflow:hidden; cursor:pointer;}
.first_div .news_list_ul a{ display:block; float:left; margin-left:6px; width:470px; height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;     color: #454545;
    font-size: 16px;}
.first_div .news_list_ul span{ float:right; color:#777; font-size:12px;}
.first_div .news_list_ul li:hover a{ color:#148cd8;}
.first_div .detection_div{ width:360px;}
.first_div .detection_div .index_type .xie{ width:117px;}
.first_div .detection_div .detection_box{ width:360px; height:263px; overflow:hidden; border-top:1px solid #ddd; border-left:1px solid #ddd;background: url(../images/kef2.png);background-size: 100% 100%;}
.detection_box .jccx{
    width: 270px;
    margin: 0 auto;
    padding-top: 60px;
}
.clear{ clear:both}
.detection_box .jccx p span{
    display: block;
    float: left;
    margin: 5px;
}
.detection_box .jccx input{
    width: 100%;
    height: 30px;
    border-radius: 8px;
    margin-bottom: 5px;
    border: solid 1px #d7d7d7;
    text-indent: 10px;
}
.detection_box .jccx .srktwo{
    width: 120px;
	    float: left;
}
.detection_box .jccx button{
    width: 90px;
    height: 30px;
    background: #148cd8;
    border: 1px solid #148cd8;
    border-radius: 5px;
    color: #fff;
}
#search{
    width: 250px;
    float: right;
    height: 30px;
    border: 1px solid #eee;
    margin: 30px;
}
#searchtxt input{
    width: 190px;
    height: 30px;
    float: left;
    border: 0;
    text-indent: 10px;
}
.searchbtn{
    width: 60px;
    float: right;
    height: 100%;
}
.searchbtn button{
    width: 100%;
    height: 30px;
    background: #148cd8;
    border: 0;
    color: #fff;
}
#page{    margin-left: 14%;}
#page a{
    width: 35px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    color: #333;
	border: 1px solid #eee;
    margin-left: 5px;
}
.pageinfo{color: #333;}
.pgejump{
    margin-left: 5px;
    color: #333;
}
#jump_page{width: 30px;}
.first_div .detection_box a{ display: block; height:54px; line-height:54px; color:#000; text-align:center; width:268px; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.first_div .detection_box a:hover{ color:#fff; background:#148cd8; border-right:1px solid #148cd8;}

.cases_div{ width:1200px; height:310px; overflow:hidden; margin-top:30px;}
.cases_div .index_type .xie{ width:957px;}
.cases_div .cases_a{ display:block; float:left; width:285px; height:260px; overflow:hidden; margin-left:20px; position:relative;}
.cases_div .cases_a:nth-child(1){  margin-left:0; }
.cases_div .cases_a .pic{ border:1px solid #ddd; width:281px; height:222px;}
.cases_div .cases_a img{ margin:1px 1px;}
.cases_div .cases_a .name{ padding:0 10px; width:265px; text-align:center; line-height:35px;     color: #454545;
    font-size: 16px;}
.cases_div .cases_a .opacity_div{ position:absolute; top:1px; left:1px; background:url(../images/opacity.png); width:279px; height:140px; text-align:center; padding-top:80px; display:none;}
.cases_div .cases_a .opacity_div span{ display:block; color:#fff; font-size:10px; margin-top:8px;}
.cases_div .cases_a:hover .opacity_div{ display:block;}

.foot_nav_div{ width:100%; height:44px; min-width:1200px; background:#148cd8; overflow:hidden; clear:both;}
.foot_nav_div .foot_nav{ width:1200px; height:44px; margin:0px auto; color:#fff; text-align:center;}
.foot_nav_div .foot_nav a{ display:inline-block; color:#fff; line-height:44px;}